export const basicComponents = [
    {
        type: 'BaseInput',
        name: '单行文本',
        icon: 'icon-input',
        options: {
            label: '单行文本',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '',
            required: false,
            dataType: 'string',
            pattern: '',
            placeholder: ''
        },
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        }
    },
    {
        type: 'BaseTextarea',
        name: '多行文本',
        icon: 'icon-diy-com-textarea',
        options: {
            label: '多行文本',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '',
            required: false,
            disabled: false,
            pattern: '',
            placeholder: ''
        },
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        }
    },
    {
        type: 'BaseNumber',
        name: '计数器',
        icon: 'icon-number',
        options: {
            label: '计数器',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            required: false,
            defaultValue: 0,
            min: '',
            max: '',
            step: 1,
            disabled: false,
            controlsPosition: ''
        },
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        }
    },
    {
        type: 'BaseRadio',
        name: '单选框组',
        icon: 'icon-radio-active',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '单选框组',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            inline: false,
            defaultValue: '',
            showLabel: false,
            options: [
                {
                    value: '选项1',
                    label: '选项1'
                },
                {
                    value: '选项2',
                    label: '选项2'
                },
                {
                    value: '选项3',
                    label: '选项3'
                }
            ],
            required: false,
            remote: false,
            remoteOptions: [],
            props: {
                value: 'value',
                label: 'label'
            },
            remoteFunc: ''
        }
    },
    {
        type: 'BaseCheckbox',
        name: '多选框组',
        icon: 'icon-check-box',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '多选框组',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            inline: false,
            defaultValue: [],
            showLabel: false,
            options: [
                {
                    value: '选项1'
                },
                {
                    value: '选项2'
                },
                {
                    value: '选项3'
                }
            ],
            required: false,
            remote: false,
            remoteOptions: [],
            props: {
                value: 'value',
                label: 'label'
            },
            remoteFunc: ''
        }
    },
    {
        type: 'BaseDateTime',
        name: '日期选择器',
        icon: 'icon-date',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '日期选择器',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '',
            readonly: false,
            disabled: false,
            editable: true,
            clearable: true,
            placeholder: '',
            startPlaceholder: '',
            endPlaceholder: '',
            dateType: 'date',
            format: 'yyyy-MM-dd',
            timestamp: false,
            required: false
        }
    },
    {
        type: 'BaseRate',
        name: '评分',
        icon: 'icon-icon-test',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '评分',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: null,
            max: 5,
            disabled: false,
            allowHalf: false,
            required: false
        }
    },
    {
        type: 'BaseColor',
        name: '颜色选择器',
        icon: 'icon-color',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '颜色选择器',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '',
            disabled: false,
            showAlpha: false,
            required: false
        }
    },
    {
        type: 'BaseSelect',
        name: '下拉选择框',
        icon: 'icon-select',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '下拉选择框',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '',
            multiple: false,
            disabled: false,
            clearable: false,
            placeholder: '',
            required: false,
            showLabel: false,
            options: [
                {
                    value: '下拉框1'
                },
                {
                    value: '下拉框2'
                }, {
                    value: '下拉框3'
                }
            ],
            remote: false,
            filterable: false,
            remoteOptions: [],
            props: {
                value: 'value',
                label: 'label'
            },
            remoteFunc: ''
        }
    },
    {
        type: 'BaseSwitch',
        name: '开关',
        icon: 'icon-switch',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '开关',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: false,
            required: false,
            disabled: false
        }
    },
    {
        type: 'BaseSlider',
        name: '滑块',
        icon: 'icon-slider',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '滑块',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: 0,
            disabled: false,
            required: false,
            min: 0,
            max: 100,
            step: 1,
            showInput: false,
            range: false
        }
    },
    {
        type: 'BaseImg',
        name: '图片',
        icon: 'icon-tupian',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '图片',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: 'https://avatars2.githubusercontent.com/u/12621342?v=4',
            textAlign: 'center',
            backgroundColor: '#fff',
            borderRadius: '0px',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    // 链接分为内链和外链（inline/outer）
    {
        type: 'BaseTitle',
        name: '标题',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '标题',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '标题',
            defaultCName: '标题',
            inline: false,
            textAlign: 'center',
            color: '#000',
            fontSize: '12px',
            fontWeight: 600,
            marginLeft: '0px',
            marginRight: '0px',
            marginTop: '0px',
            marginBottom: '0px',
            titleHeight: '',
            lineHeight: '',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    {
        type: 'BaseTag',
        name: '标签',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '标签',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '标签',
            defaultCName: '标签',
            type: 'success',
            hit: false,
            tagColor: '',
            size: 'small',
            marginLeft: '0px',
            marginRight: '0px',
            marginTop: '0px',
            marginBottom: '0px',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    {
        type: 'BaseCell',
        name: '单元格',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '单元格',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            showHover: false,
            imgType: 'image',
            imgDefaultValue: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1718395925,3485808025&fm=27&gp=0.jpg',
            borderRadius: '0px',
            backgroundColor: '',
            backgroundImage: '',
            imgWidth: '100px',
            imgHeight: '100px',
            iconName: 'icon-search',
            titleDefaultValue: '主标题',
            descDefaultValue: '副标题',
            color: '#000',
            imgMarginRight: '10px',
            marginLeft: '0px',
            marginRight: '0px',
            padding: '0px',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    {
        type: 'BaseIcon',
        name: '图标',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '图标',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            iconName: 'icon-search',
            color: '#000',
            fontSize: '12px',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    {
        type: 'BaseButton',
        name: '按钮',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '按钮',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '确定',
            defaultCName: '确定',
            type: 'primary',
            size: 'small',
            marginLeft: '0px',
            marginRight: '0px',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    {
        type: 'ninecard',
        name: '九宫格',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '',
            imgDefaultValue: 'https://avatars2.githubusercontent.com/u/12621342?v=4',
            titleDefaultValue: '123',
            linkDefaultValue: '',
            backgroundColor: '#fff',
            borderRadius: '0px',
            textAlign: 'center',
            color: '#000',
            fontSize: '12px',
            fontWeight: 600,
            marginLeft: '0px',
            marginRight: '0px',
            titleHeight: '',
            lineHeight: '',
            inline: false
        }
    },
    {
        type: 'weixinCard',
        name: '微信卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            avatarDefaultValue: 'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2281189818,1836808766&fm=26&gp=0.jpg',
            isShowAvatar: true,
            descDefaultValue: '100位客户的能力',
            descDefaultValueCName: '100位客户的能力',
            defaultValue: '张三',
            defaultValueCName: '张三',
            timeDefaultValue: '11:00',
            timeDefaultValueCName: '11:00',
            titleFontSize: '32px',
            color: '#000',
            descColor: '#000',
            timeColor: '#000',
            fontSize: '16px',
            descFontSize: '16px',
            timeFontSize: '16px',
            color1: '#9CECFB',
            color2: '#65C7F7',
            direction: 'right',
            linkUrl: '',
            linkType: 'inline'
        }
    },
    {
        type: 'simpleCard',
        name: '波浪渐变卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '参与考核的人数',
            defaultValueCName: '参与考核的人数',
            titleDefaultValue: '11',
            titleDefaultValueCName: '11',
            titleFontSize: '48px',
            color: '#000',
            fontSize: '16px',
            color1: '#9CECFB',
            color2: '#65C7F7',
            direction: 'right',
            linkUrl: '',
            linkType: 'inline'
        }
    },
    {
        type: 'progressCard',
        name: '进度卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            color1: '#9CECFB',
            color2: '#65C7F7',
            direction: 'left',
            defaultValue: '啊啊啊啊是',
            defaultValueCName: '啊啊啊啊是',
            titleDefaultValue: '100位客户的能力',
            titleDefaultValueCName: '100位客户的能力',
            titleDescDefaultValue: 'aaa',
            titleDescDefaultValueCName: 'aaa',
            progressTitleDefaultValue: '进度条',
            progressTitleDefaultValueCName: '进度条',
            nameDefaultValue: 'zhangsan',
            nameDefaultValueCName: 'zhangsan',
            descDefaultValue: '100位客户的能力',
            descDefaultValueCName: '100位客户的能力',
            avatarDefaultValue: 'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2281189818,1836808766&fm=26&gp=0.jpg',
            isShowAvatar: true,
            progressNum: 0,
            progressNumCName: 0,
            titleFontSize: '28px',
            color: '#000',
            fontSize: '16px',
            linkUrl: '',
            linkType: 'inline'
        }
    },
    {
        type: 'avatarCard',
        name: '头像卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            titleDefaultValue: 'zehua Zhang',
            titleDefaultValueCName: 'zehua Zhang',
            avatarDefaultValue: 'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2281189818,1836808766&fm=26&gp=0.jpg',
            isShowAvatar: true,
            item1NumDefaultValue: '678',
            item1NumDefaultValueCName: '678',
            item1DescDefaultValue: 'AAA',
            item1DescDefaultValueCName: 'AAA',
            item2NumDefaultValue: '457',
            item2NumDefaultValueCName: '457',
            item2DescDefaultValue: 'Amount',
            item2DescDefaultValueCName: 'Amount',
            item3NumDefaultValue: '345',
            item3NumDefaultValueCName: '345',
            item3DescDefaultValue: 'Point',
            item3DescDefaultValueCName: 'Point',
            linkDefaultValue: '11',
            linkDefaultValueCName: '11',
            color: '#FFF',
            titleFontSize: '28px',
            fontSize: '16px',
            linkfontSize: '16px',
            linkUrl: '',
            linkType: 'inline',
            linkColor: '#000',
            color1: '#F56C25',
            color2: '#F88B33',
            direction: 'bottom'
        }
    },
    {
        type: 'BaseCard',
        name: '数据卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            topLeftValue: { code: '', name: 'Light Blue' },
            topRightValue: { code: '', name: 'Daily' },
            centerLeftValue: { code: '', name: '1468' },
            centerLeftPer: { code: '', name: '-4.1%' },
            iconName: 'icon-tubiao',
            bottomValue: [
                {
                    num: { code: '', name: 268 },
                    text: { code: '', name: 'adreess' },
                    up: true
                },
                {
                    num: { code: '', name: '4.8%' },
                    text: { code: '', name: 'adrddess' },
                    up: false
                },
                {
                    num: { code: '', name: 699 },
                    text: { code: '', name: 'adrccess' },
                    up: false
                }
            ]
        }
    }
]

export const advanceComponents = [
    {
        type: 'BaseImgUpload',
        name: '图片上传',
        icon: 'icon-tupian',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            label: '图片上传',
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: [],
            size: {
                width: 100,
                height: 100
            },
            tokenFunc: 'funcGetToken',
            token: '',
            domain: 'http://pfp81ptt6.bkt.clouddn.com/',
            disabled: false,
            length: 8,
            multiple: true
        }
    },
    {
        type: 'BaseEditor',
        name: '编辑器',
        icon: 'icon-fuwenbenkuang',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            label: '编辑器',
            defaultValue: ''
        }
    }
]
export const layoutComponents = [
    {
        type: 'BaseGrid',
        name: '栅格布局',
        icon: 'icon-grid-',
        columns: [
            {
                span: 12,
                list: []
            },
            {
                span: 12,
                list: []
            }
        ],
        options: {
            gutter: 0,
            justify: 'start',
            align: 'top'
        }
    },
    {
        type: 'GridRow',
        name: '拖拽栅格',
        list: [],
        options: {

        }
    }
]
